<!-- 通用CSS -->
<head th:fragment=header(title)>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title th:text="${title}"></title>
    <link th:href="@{/css/bootstrapv3.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/bootstrap-icons.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/zfc-ui.css}" rel="stylesheet"/>
</head>


<head th:fragment=footer>
    <script th:src="@{/js/jqueryv3.7.1.min.js}"></script>
    <script th:src="@{/js/bootstrapv3.3.7.min.js}"></script>
    <script th:src="@{/js/message/coco-message.js}"></script>
    <script th:src="@{/js/validate/jquery.validate.min.js}"></script>
    <script th:src="@{/js/zfc-js.js}"></script>
</head>


<!-- fileinput文件上传插件 -->
<div th:fragment="bootstrap-fileinput-css">
    <link th:href="@{/comm/fileinput/css/fileinput.min.css?v=5.5.2}" rel="stylesheet"/>
</div>

<div th:fragment="bootstrap-fileinput-js">
    <script th:src="@{/comm/fileinput/js/fileinput.min.js?v=5.5.2}"></script>
    <script th:src="@{/comm/fileinput/js/zh.js}"></script>
</div>

<!-- summernote富文本编辑器插件 -->
<div th:fragment="summernote-css">
    <link th:href="@{/comm/summernote-0.8.18-dist/summernote.min.css}" rel="stylesheet"/>
</div>
<div th:fragment="summernote-js">
    <script th:src="@{/comm/summernote-0.8.18-dist/summernote.min.js}"></script>
    <script th:src="@{/comm/summernote-0.8.18-dist/lang/summernote-zh-CN.min.js}"></script>
</div>

<!-- 导航模块 -->
<div th:fragment="navigate(navigateTitle,btnText,btnLink)">
    <!-- 开始一个行布局 -->
    <div class="row border-bottom-1">
        <!-- 左侧列，占据一半宽度，显示标题 -->
        <div class="col-xs-6">
            <h3>[[${navigateTitle}]]</h3>
        </div>
        <!-- 右侧列，占据另一半宽度，通常用于放置操作按钮如"退出" -->
        <div class="col-xs-6 text-right padding-top-10">
            <button type="button" class="btn btn-sm btn-danger" th:id="${btnLink}">
                <i class="glyphicon glyphicon-chevron-left"></i>
                [[${btnText}]]
            </button>
        </div>
    </div>
    <hr/>
</div>
